h2,h3,h4,h5,h6,ul,div{
    padding:0;
    margin: 0;
}
*{
    margin:0;
    padding:0;
}
html{
    font-size: 62.5%;
    padding:0;
}
li{
    list-style-type: none;
}
span{
    font-size: 14px;
}
header{
    --site-width:1154px;
    padding:0;
    margin: 0;
    width:100%;
    min-width: max-content;
}
.textright{
    text-align: right;
}

.font12{
    font-size: 12px;
}
.font24{
    font-size: 24px;
}
.fontbold{
    font-weight: bold;
}
a{
    text-decoration: none;
    color: black;
}
a:hover{
    color:red;
}
.aunderline a:hover{
    text-decoration: underline;
}
.w1200{
    width: 1154px;
    margin: 0 auto;
    
}
.wcenter{
    margin: 0 auto;
}
.a1{
    height: 137px;
    padding: 0;
    margin: 0;
    border: 0;
}
/* 页面顶部 */

.a1 .b2 img{
    width: 1154px;
}

/* 导航栏 */
nav ul{
    display: flex;
}

.a2 > li > a{
    background:url(https://jumc.jju.edu.cn/images/banner_12.jpg);
    color: aliceblue;
}

nav li{
    flex:1;
}
nav a{
    display: block;
    text-align: center;
    font-weight: bold;
    height: 48px;
    line-height: 40px;
    overflow: hidden;
}
nav li >a{
    font-size: 1.8rem;
}

.a2>li:not( :nth-of-type(2) )>a:hover{
    height: 40px;
    background: #1E5E88 ;
}
/* 二级菜单 */

nav ul.sub_menu{
    display: none;
    position: absolute;
}

.sub_menu a{
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color:#000;
    background: url(https://jumc.jju.edu.cn/system/resource/images/nav/imgnav_vsb_level2_bg_1.png);
}
.sub_menu a:hover{
    background: #1E5E88 ;
}
nav li:hover ul.sub_menu{
    display:flex;
    flex-direction: column;
    align-items: stretch;
    z-index: 999;
}

/* main */
main{
    display: flex;
}
.a3{
    width: 186px;
    margin-left: 107px;
}
.a3 .b1{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: url(./images/jwgz.jpg) no-repeat;
}
.a3 .b1 span{
    font-size: 19px;
}

.a3 .b2{
    width: 122px;
    min-height: 100px;
    height: 1515px;
    margin:0px 37px 0 27px;
    background: #e5f8ff;
}

.a3 .b2 marquee{
    height: 300px;
}
.a3 .b2 marquee ul li{
    margin: 5px 0;
    font-size: 12px;
    list-style-type:disc;
}
.a3 .b2 marquee ul li:first-child a{
    color: red;
}

.a3 .b2 marquee ul a:hover{
    color: #000;
    text-decoration: underline red;
}



.a4{
    display: flex;
    flex-wrap: wrap;
}
.a4 div:first-child{
    display: flex;
    justify-content: flex-start;
    width: 840px;
    height: 40px;
}
.a4 div:first-child div:first-child{
    width: 21px;
    height: 40px;
    background: url(./images/index_24.jpg);
}
.a4 div:first-child>span{
    margin-top: auto;
}
.a4 div:first-child>span>span{
    margin-top: auto;
    font-size: 12px;
}
.a4 div:first-child>span>span>a:hover{
    color: #000;
    text-decoration: underline red;
}
.a4 .b2{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 140px;
    margin-left: 12px;
    width: 100%;
}
.a4 .b2>span:first-child{
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 7px 0;
}

.a4 h1{
    margin-bottom: 8px;
    font-size: 18px;
    padding:3px 0;
    margin: 23px 0;
}
.a4 div:last-child{
    width: 708px;
}
.a4 p{
    font-size: 18px;
    text-indent: 2em;
    padding: 5px 0;
}

.a4 div:last-child div:last-child{
    display: flex;
    justify-content: flex-end;
}

/* footer */


footer>div:first-child{
    height: 46px;
    background: url("./images/Line.jpg") repeat-x;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
footer div:first-child span{
    color:aliceblue;
}
footer div:last-child{
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
footer a:hover{
    text-decoration:underline;
}